<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习</title>
    <style>
        body{
            margin: 20px;
            font-weight: bold;
        }
        tr{
            height: 40px;
        }
        #z1{
            width: 200px;
            font-weight: bold;
            font-size: 14px;
            line-height: 20px;
        }
    </style>
</head>
<body>
<form action="http://www.tmooc.cn">
    <h1>欢迎注册</h1>
    <table border="0">
        <tr >
            <td>*证件类型</td>
            <td>
                <input type="radio" name="certificat" value="identity">身份证
                <input type="radio" name="certificat" value="bank">银行卡
            </td>
        </tr>
        <tr>
            <td>*身份证/卡号</td>
            <td><input type="number" name="num" maxlength="21"></td>
        </tr>
        <tr>
            <td>*登录密码</td>
            <td><input type="password" name="pass"></td>
        </tr>
        <tr>
            <td>*确认密码</td>
            <td><input type="password" name="confirm"></td>
        </tr>
        <tr>
            <td>*动态验证码</td>
            <td>
                <input type="text" name="verification">
                <button type="button">点击发送动态验证码</button>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
            <input type="checkbox" name="protocol" value="agree" id="a1">
            <label for="a1">我已阅读并同意</label>
            <a href="http://www.tmooc.cn">《商城用户注册协议》</a>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <button type="submit" name="sub" id="z1">立即注册</button>
            </td>
        </tr>
</table>
</form>
</body>
</html>